<!doctype html>
<html style="height:100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,minimal-ui"/>
    <link href="http://www.qlcoder.com//uploads/145620041535888.png" type="image/x-icon" rel=icon>
    <title>千里码-邀请</title>
    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="/font/iconfont.css">

    <link href="/css/invitation.css" rel="stylesheet">
</head>
<body class="html-margin">
<div class="q_warp" style="min-height:100%;margin-bottom:-60px;">
    <nav class="nav">
        <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
        <div class="container-fluid"><!--fluid-->
            <div class="pull-left">
                <a class="" href="/home" style="display: inline-block;"><img src="/img/ql_logo1.png"> </a>
            </div>
            <div class="pull-left nav-list">
                <ul class="" style="padding:0;">
                    <li class="">
                        <a href="/home"><span color="gray" style="font-size:15px;">技能树</span></a>
                    </li>
                    <li class="active">
                        <a href="/discuss/all"><span color="gray" style="font-size:15px;">讨论区</span></a>
                    </li>
                    <li class="">
                        <a href="/article/all"><span color="gray" style="font-size:15px;">文章</span></a>
                    </li>
                    <li class="">
                        <a href="/rank"><span color="gray" style="font-size:15px;">排行榜</span></a>
                    </li>
                    <li class="">
                        <a href="/help"><span color="gray" style="font-size:15px;">帮助中心</span></a>
                    </li>
                    <!-- <li class=""><a href="/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li> -->
                </ul>
            </div>
            <div class="pull-right ">
                <ul class="avator pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle pull-left" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">
                            <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;"
                                 src="/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre"
                                 width="30" height="30">

                            <!--<span class="badge s_tip">4</span>-->
                            &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span>
                            <span class="caret"></span>
                        </a>
                        <!--<span class="badge s_tip">4</span>-->
                        <ul class="dropdown-menu ">
                            <li><a href="/profile/792c"
                                   target="_blank"><i class="iconfont">&#xe612;</i>我的主页</a></li>
                            <li><a href="/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a>
                            </li>
                            <li><a href="/imglib" target="_blank"><i class="iconfont">&#xe61b;</i>图片库</a>
                            </li>
                            <li><a href="/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信
                            </a></li>
                            <!--<li role="separator" class="divider"></li>-->
                            <li><a href="/logout" target="_blank"><i class="iconfont">
                                &#xe613;</i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </nav>
    <div class="contain">
        <section class="invite_warp">
            <div class="invite_header">
                <em></em>
                <h1>我收到的邀请</h1>
            </div>
            <div class="invite_content">
                <div class="invite_info">
                    <div class="row">
                        <div class="col-md-2 title">邀请时间</div>
                        <div class="col-md-2 title">来自</div>
                        <div class="col-md-2 title">邀请人</div>
                        <div class="col-md-1 title">所在公司</div>
                        <div class="col-md-2 title">受邀职位</div>
                        <div class="col-md-1 title">薪资待遇</div>
                        <div class="col-md-2 title"></div>
                    </div>
                </div>

                <div class="invite_list">
                    <!-- inviter S-->
                    <div class="invite_list_info">
                        <div class="row">
                            <div class="col-md-2 time para">2016-08-25</div>
                            <div class="col-md-2 from para">smaller than smaller</div>
                            <div class="col-md-2 detail para">
                                <span class="invite_name">李凌</span>
                                <span class="depart">社交网络事业群</span>
                            </div>
                            <div class="col-md-1 company para">
                                <a tabindex="0" href="javascript:;" role="button"
                                   data-toggle="popover" data-placement="right"
                                   data-trigger="hover"  data-content="QQ游戏不充钱,玩XX">腾讯</a></div>
                            <div class="col-md-2 position para">图形图像处理</div>
                            <div class="col-md-1 salary para">20K-25K</div>
                            <div class="col-md-2 accept ">
                                <a class="acc" href="javascript:;" data-invite-id="">接受邀请</a>
                                <!--<span class="accepted">已接受</span>-->
                                <a class="inbox" href="javascript:;" data-name="李凌" data-id="11" data-toggle="modal" data-target="#myModal" title="给他/她回复">私信</a>
                            </div>
                        </div>
                    </div>
                    <!-- inviter E-->
                    <!-- inviter S-->
                    <div class="invite_list_info">
                        <div class="row">
                            <div class="col-md-2 time para">2016-08-25</div>
                            <div class="col-md-2 from para">smaller than smaller</div>
                            <div class="col-md-2 detail para">
                                <span class="invite_name">李凌</span>
                                <span class="depart">社交网络事业群</span>
                            </div>
                            <div class="col-md-1 company para">
                                <a tabindex="0" href="javascript:;" role="button"
                                   data-toggle="popover" data-placement="right"
                                   data-trigger="hover"  data-content="QQ游戏不充钱,玩XX">腾讯</a></div>
                            <div class="col-md-2 position para">图形图像处理</div>
                            <div class="col-md-1 salary para">20K-25K</div>
                            <div class="col-md-2 accept ">
                                <a class="acc" href="javascript:;" data-invite-id="">接受邀请</a>
                                <!--<span class="accepted">已接受</span>-->
                                <a class="inbox" href="javascript:;" data-name="李凌" data-id="11" data-toggle="modal" data-target="#myModal" title="给他/她回复">私信</a>
                            </div>
                        </div>
                    </div>
                    <!-- inviter E-->
                    <!-- inviter S-->
                    <div class="invite_list_info">
                        <div class="row">
                            <div class="col-md-2 time para">2016-08-25</div>
                            <div class="col-md-2 from para">smaller than smaller</div>
                            <div class="col-md-2 detail para">
                                <span class="invite_name">李凌</span>
                                <span class="depart">社交网络事业群</span>
                            </div>
                            <div class="col-md-1 company para">
                                <a tabindex="0" href="javascript:;" role="button"
                                   data-toggle="popover" data-placement="right"
                                   data-trigger="hover"  data-content="QQ游戏不充钱,玩XX">腾讯</a></div>
                            <div class="col-md-2 position para">图形图像处理</div>
                            <div class="col-md-1 salary para">20K-25K</div>
                            <div class="col-md-2 accept ">
                                <a class="acc" href="javascript:;" data-invite-id="">接受邀请</a>
                                <!--<span class="accepted">已接受</span>-->
                                <a class="inbox" href="javascript:;" data-name="李凌" data-id="11" data-toggle="modal" data-target="#myModal" title="给他/她回复">私信</a>
                            </div>
                        </div>
                    </div>
                    <!-- inviter E-->


                </div>
            </div>
        </section>
        <!-- 弹窗-->
        <div class="invite_modal none">
            <header>接受邀请 <a href="javascript:;" class="invite_close fr"><i class="iconfont icon-close"></i></a></header>
            <section>
                <div class="title">请选择你要发送的简历方式</div>
                <div class="profile">
                    <form action="">
                        <div class="online">
                            <label><input type="radio" name="profile" checked />在线简历</label>
                            <!-- if  无填写简历⬇️-->
                            <span class="un">暂无在线简历</span>
                            <a href="http://www.qlcoder.com" class=" fr">完善简历</a>
                            <!-- else ⬇-->
                            <a href="http://www.qlcoder.com" class=" fr none">预览/修改</a>
                        </div>
                        <div class="annex">
							<form action="/upload" method="post" enctype="multipart/form-data" >
								<input type="hidden" name="_token" value="qu1yHPvWdc28khuP1MqE0GPrFnuYWCaq1OWfteFa" />
                            	<label><input type="radio" name="profile"/>在线简历</label>
							<form>
                            <!-- if  无附件简历⬇️-->
                            <span class="un">暂无附件简历,建议使用pdf格式</span>
                            <!-- if E-->
                            <a href="javascript:;" class="upload_profile fr"><input type="file" class="complete fr" />上传附件简历</a>
                        </div>
                        <div class="tip"><input type="checkbox" name="isTip" id="" checked /> 默认使用次简历直接发送,下次不再提示</div>
                        <button class="send btn btn-primary">确认接受邀请</button>
                    </form>

                </div>
            </section>
        </div>
        <!-- 遮罩-->
        <div class="task-shadow none"></div>
        <!-- 发私信弹窗  -->
        <div class="ql_letter_modal modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">发送私信</h4>
                    </div>
                    <div class="modal-body">
                        <dl>
                            <dt class="send_label">
                                <label>发给:</label>
                            </dt>
                            <dd>
                                <div class="send_name"><input type="text" readonly="true" value=""></div>
                            </dd>
                            <dt class="send_label">
                                <label>内容:</label>
                            </dt>
                            <dd class="ml">
                                <div class="send_editor">
                                    <textarea class="editor_content" style="font-weight: normal; height: 22px;"></textarea>
                                </div>
                            </dd>
                        </dl>
                    </div>
                    <div class="modal-footer">
                        <a href="javascript:;" class="close_btn" data-dismiss="modal">取消</a>
                        <button type="button" class="btn btn-primary" id="sendTo">发送</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="alert alert-warning alert-dismissible none" role="alert"
             style="position: fixed;top: 50%;left: 50%;width: 400px;text-align: center;margin-left: -200px;margin-top: -26px;">

            <strong>消息已发送!</strong>
        </div>
		<div class="alert alert-success none" role="alert" style="position: fixed;top: 50%;left: 50%;width: 500px;text-align: center;margin-left: -250px;margin-top: -30px;font-size:20px;">
            你已接受邀请，技术主管会在1个工作日内给你回复
        </div>
    </div>
    <div style="height:60px;"></div>
</div>
<!-- Footer -->
<footer>
    <p>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=08dcd44232943b517c2ed04dceb097155575f604791c57bbd2f9759e90e22d58">qq群480394714</a>
    </p>
</footer>
<script src="http://www.qlcoder.com//js/jquery.min.js"></script>
<script src="http://www.qlcoder.com//js/bootstrap.min.js"></script>
<script src="/js/jquery.ui.widget.js"></script>
<script src="/js/jquery.fileupload.js"></script>
<script src="/js/jquery.iframe-transport.js"></script>
<script src="http://www.qlcoder.com//js/base.js"></script>
<script>
    $(function(){
        $(".company a").popover();
        // set annex first else
        $(".accept .acc").click(function(){
            $(".task-shadow,.invite_modal").removeClass("none")
        })

        //close modal
        $(".invite_close").click(function(){
            $(".task-shadow,.invite_modal").addClass("none")
        })

        $(".inbox").click(function () {
            $(".send_name input").val($(this).attr("data-name"));
            $("#sendTo").attr("data-id",$(this).attr("data-id"));
            $("textarea.editor_content").focus();
        })
        $("#sendTo").bind("click",function(){
            var sendID=$(this).attr("data-id");
            var sendContent=$("textarea.editor_content").val();
            if(sendContent!=""){
                $.get("http://www.qlcoder.com/api/user/sendmsg",{userid:sendID,content:sendContent},function(data){
                    if(data.success==true)
                    {
                        $("textarea.editor_content").val("");
                        $('#myModal').modal('hide');
                        $(".alert").removeClass("none");
                        setTimeout(function(){$(".alert").addClass("none")},1000);
                        window.location.reload();
                    }
                })
            }
            else{
                return !1;
            }

        })
		$(".complete").fileupload({
       		 url: '/upload',
       		 sequentialUploads: true,
       		 done: function (e, data) {
           		 console.log(data)
		     }
   		})
    })
</script>
</body>
</html>
